<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" type="text/css" href="plugins/notify-osd.css" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> 
<script type="text/javascript" src="http://cdn.simplegeo.com/js/1.3/simplegeo.places.min.js"></script>
<script type="text/javascript" src="plugins/notify-osd.js"></script>
<script src="http://localhost:8080/nowjs/now.js"></script>
<script type="text/javascript" src="javascript/meetupinit.js"></script>
<script type="text/javascript" src="javascript/meetup.js"></script>
<script type="text/javascript" src="javascript/meetupmap.js"></script>
<script type="text/javascript" src="javascript/now_client.js"></script>
<script type="text/javascript" src="javascript/sidebar.js"></script>
<script type="text/javascript" src="javascript/chat.js"></script>

</head>

<body onload="initialize()">
  <div id="all">
    <div id="header"><img src="images/meetup.png" alt="meetup"/></div>
    <div id="map_canvas"></div>
    <div class="sidebar">
      <div class="box" id="people">
          <div class="titlebar">People
            <div id="people_arrow" style="background-position:0px 0px" class="arrow" onclick="sidebar.toggle('people_arrow', 'list', 200);" ></div>
          </div>
        <div style="height:200px" class="content" id="list">
        </div>
      
      </div>
      <div class="box" id="messages">
          <div class="titlebar">Chat
            <div id="chat_arrow" onclick="sidebar.toggle('chat_arrow', 'text',250);"style="background-position:0px 0px" class="arrow" ></div>
          </div>
          <div style="display:block" id="text" class="content"></div>

          <div id="entry" class="entry">
            <input type="text" size="22" id="text-input"/>
            <input type="button" value="Send"  id="send-button"/>
          </div>
          </div>
      <div class="box" id="find">
        <div class="titlebar">Find
          <div id="find_arrow" onclick="sidebar.toggle('find_arrow', 'options',250);" style="background-position:0px 0px" class="arrow"></div>
        </div>
        <div style="display:block" id="options" class="content">
          <div class="option" onclick="initSearch('restaurants');">Restaurants</div>
          <div class="option" onclick="initSearch('cafe');">Cafe</div>
          <div class="option" onclick="initSearch('bar');" >Bar</div>
          <div class="option" onclick="initSearch('synagogue');" >Synagogue</div>

        </div>
    </div>
    </div>
</body>
</html>
